/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 *
 * (en) Styles for Accessible-Tabs plugin for jQuery
 * (de) Gestaltung des Acessible-Tabs Plugins für jQuery
 *
 * @copyright       Copyright 2005-2012, Dirk Jesse
 * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-CDL (http://www.yaml.de/license.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         v4.0.1
 * @revision        $Revision: 724 $
 * @lastmodified    $Date: 2012-03-03 11:45:41 +0100 (Sa, 03 Mrz 2012) $
 */

@media screen, projection {

    .jquery_tabs {
        margin: 1.5em 0 0;
    }

    .jquery_tabs ul.tabs-list {
        display: table;
        font-size: 1em;
        line-height: 1.5em;
        list-style-type: none;
        margin: 0;
        position: relative;
        z-index: 1;
    }

    .jquery_tabs ul.tabs-list li a {
        font-size: 1em;
        line-height: 1.5em;
        padding: 0.75em;
    }

    .jquery_tabs .tabhead {
        position: absolute;
        left: -32768px; /* LTR */
    }

    .jquery_tabs .content {
        border-top: 1px #ccc solid;
        clear: both;
        padding: 0;
        position: relative;
        top: -1px;
        margin-bottom: -1px;
    }

    .jquery_tabs ul.tabs-list li {
        border: 0 none;
        display: inline;
        float: left;
        margin: 0 0.3em 0 0;
        padding: 0;
    }

    .jquery_tabs ul.tabs-list li a {
        background: transparent;
        color: #008;
        display: block;
        float: left;
        font-weight: normal;
        margin: 0;
    }

    .jquery_tabs ul.tabs-list li a:focus,
    .jquery_tabs ul.tabs-list li a:hover,
    .jquery_tabs ul.tabs-list li a:active {
        background: #eee;
        border-radius: 0.2em 0.2em 0 0;
        color: #000;
        font-weight: normal;
        outline: 0 none;
        text-decoration: none;
    }

    .jquery_tabs ul.tabs-list li.current a,
    .jquery_tabs ul.tabs-list li.current a:focus,
    .jquery_tabs ul.tabs-list li.current a:hover,
    .jquery_tabs ul.tabs-list li.current a:active {
        background: #fff;
        border: 1px #ccc solid;
        border-bottom: 0 none;
        border-radius: 0.2em 0.2em 0 0;
        color: #000;
        font-weight: bold;
        text-decoration: none;
    }

    .jquery_tabs .current-info,
    .jquery_tabs .accessibletabsanchor {
        left: -999em;
        position: absolute;
    }

    /**
    * Avoid margin collapsing to enable correct sync of all tabs
    *
    * @workaround
    * @affected all browsers
    * @css-for all browsers
    * @valid yes
    */

    .jquery_tabs .tab-content {
        border-bottom: 1px transparent solid;
        border-top: 1px transparent solid;
        *overflow: hidden;
    }

    /* IE < 7 don't support transparent borders */
    * html .jquery_tabs .tab-content {
        border-bottom: 1px #fff solid;
        border-top: 1px #fff solid;
    }

    /**
    * Containing floats adjustment and stability fixes for Internet Explorer
    *
    * @workaround
    * @affected IE 5.x/Win, IE6, IE7
    * @css-for IE 5.x/Win, IE6, IE7
    * @valid no
    */

    * html .jquery_tabs .content {
        z-index: -1;
    }

    * html .jquery_tabs {
        zoom: 1;
        width: auto;
        position: relative;
    }

    *+html .jquery_tabs {
        zoom: 1;
        width: auto;
    }

    .jquery_tabs * {
        zoom: 1;
    }
}